<template>
  <div class="ewt-home-header f-between">
    <ul class="nav-logo f-around">
      <li>
        <a href="#product" class="color-white">产品</a>
      </li>
      <li>
        <a href="#issure" class="color-white">解决方案</a>
      </li>
      <li>
        <a href="#cloudService" class="color-white">云服务</a>
      </li>
      <li>
        <a href="#iot" class="color-white">物联网</a>
      </li>
    </ul>
    <ul class="f-around color-white">
      <li>关于我们</li>
      <li>联系我们</li>
    </ul>
  </div>
</template>
<script>
export default {
  data () {
    return {}
  }
}
</script>
<style lang="scss">
.ewt-home-header {
  width: 100vw;
  height: 2vw;
  border-bottom: 1px solid #fff;
  position: absolute;
  left: 0;
  top: 0;
  .f-around {
    li {
      margin: 0 .5vw;
      cursor: pointer;
    }

    li:hover {
      color: $color-grey-999;
      a {
        color: $color-grey-999;
      }
    }
  }
}
</style>
